<!DOCTYPE html>
<html lang="en">

<head>
    #include("./common/head.htm")
</head>

<body>
    #include("./common/header.htm")
    <div id="mainBody">
        <div class="container">
            <div class="row">
                #include("./common/sidebar.htm")
                <div class="span9" id="order-all">
                    <ul class="breadcrumb">
                        <li><a href="/view/catalog-main.html">首页</a> <span class="divider">/</span></li>
                        <li class="active">订单</li>
                    </ul>
                    <h2>我的订单</h2>
                    <div id="grids">
                        <ul class="nav nav-tabs" id="orderType">
                            <li><a href="#" @click="filter(0)" data-toggle="tab">待付款</a></li>
                            <li><a href="#" @click="filter(1)" data-toggle="tab">等待发货</a></li>
                            <li><a href="#" @click="filter(2)" data-toggle="tab">已发货</a></li>
                            <li><a href="#" @click="filter(3)" data-toggle="tab">确认收货</a></li>
                            <li><a href="#" @click="filter(4)" data-toggle="tab">退货中</a></li>
                            <li><a href="#" @click="filter(5)" data-toggle="tab">退货成功</a></li>
                            <li><a href="#" @click="filter(6)" data-toggle="tab">拒绝退货</a></li>
                            <li><a href="#" @click="filter(-1)" data-toggle="tab">全部</a></li>
                        </ul>
                    </div>
                    <div>
                        <table class="table table-striped table-bordered table-condensed">
                            <tr>
                                <th>订单编号</th>
                                <th>店铺名</th>
                                <th>收货地址</th>
                                <th>下单时间</th>
                                <th>收货时间</th>
                                <th>实付金额</th>
                                <th>状态</th>
                                <th></th>
                                <th></th>
                            </tr>
                            <tr v-for="order in orders">
                                <td>{{order.orderid}}</td>
                                <td>{{order.shopname}}</td>
                                <td>{{order.receivingaddr}}</td>
                                <td>{{order.ordertime}}</td>
                                <td>{{order.recevingtime}}</td>
                                <td>${{order.actualpay.toFixed(2)}}</td>
                                <td>
                                    <span v-if="order.status === 0" class="label label-impotant pull-right">待付款</span>
                                    <span v-else-if="order.status === 1" class="label label-info pull-right">等待发货</span>
                                    <span v-else-if="order.status === 2"
                                        class="label label-primary pull-right">已发货</span>
                                    <span v-else-if="order.status === 3"
                                        class="label label-success pull-right">确认收货</span>
                                    <span v-else-if="order.status === 4"
                                        class="label label-warning pull-right">退货中</span>
                                    <span v-else-if="order.status === 5"
                                        class="label label-default pull-right">退货成功</span>
                                    <span v-else-if="order.status === 6"
                                        class="label label-default pull-right">拒绝退货</span>
                                </td>
                                <td>
                                    <button class="btn btn-mini"><a href="#"
                                            @click="moveToDetail(order.orderid)">详情</a></button>
                                </td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- MainBody End ============================= -->
    #include("./common/footer.htm")
</body>

</html>